html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{padding:0;margin:0}input:focus,button:focus,textarea:focus,select:focus{outline:none}@font-face{font-family:"TerminalDosisBook";src:url("../fonts/terminaldosis.eot");src:url("../fonts/terminaldosis.eot?#iefix") format("embedded-opentype"),url("../fonts/terminaldosis.woff") format("woff"),url("../fonts/terminaldosis.ttf") format("truetype"),url("../fonts/terminaldosis.svg#TerminalDosisBook") format("svg");font-weight:normal;font-style:normal}body{font-family:"TerminalDosisBook",Helvetica,sans-serif;font-size:1em;background:#eee;color:#414141}p{line-height:22px}body#home{background:none}.wrapper{max-width:960px;margin:auto;overflow:hidden}a{color:#007fba}a:hover{color:#044d5f}#view_content{background:#fff;border-top:2px solid #bdbdbd;border-bottom:2px solid #bdbdbd}#view_content h1{margin-bottom:6px}#view_content .wrapper{max-width:930px;padding:20px 10px 20px 10px}footer{padding:20px 0 23px 0;border-top:5px solid #ddd}footer p{max-width:960px;margin:auto;text-align:center;font-style:italic;font-size:12px}.tip{display:none;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;padding:3px 12px 3px 12px;color:#fff;font-family:"Lucida Grande",helvetica,arial,sans-serif;font-size:14px;line-height:15px;text-align:center;text-shadow:0 1px 1px #555;position:absolute;z-index:1000;background:#666;background:rgba(0,0,0,.6)}.tip span{width:13px;height:6px;display:block;position:absolute;background-repeat:no-repeat}.tip span.top{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:rgba(0,0,0,.6);border-width:5px;margin-left:-5px}#me span,nav a span,nav h3 span{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;background:url("../img/sprite.png") no-repeat}.main nav a span{background:url("../img/sprite_nav.png") no-repeat}.main header h2{margin-left:10px}header{overflow:hidden}header h1,header h2{font-size:65px;margin-bottom:9px}header h1 strong,header h2 strong{font-weight:bold}header h1 em,header h2 em{color:#f54e00}header h1 a,header h2 a{text-decoration:none}header h1 a:active em,header h2 a:active em{color:#603307}header h2{float:left;margin-right:12.5px}nav a{position:relative}nav a span{position:absolute;top:0;left:0}nav a,nav a span{display:block}nav.bottom{display:none}.main nav{float:right;max-width:960px;margin-right:10px;margin-top:30px}.main nav ul{width:328px;overflow:hidden}.main nav li{font-size:2px;float:left;height:30px;display:block;margin-right:25px}.main nav a{text-indent:-9999px}.main nav a,.main nav a span{height:30px}#tumblr a,#tumblr a span{width:30px}#tumblr a span{background-position:0 0}#tumblr a:active span{background-position:0 -31px}#computer a,#computer a span{width:32px}#computer a span{background-position:-29px 0}#computer a:active span{background-position:-29px -31px}#music a,#music a span{width:44px}#music a span{background-position:-61px 0}#music a:active span{background-position:-61px -31px}#design a,#design a span{width:36px}#design a span{background-position:-105px 0}#design a:active span{background-position:-105px -31px}#resume a,#resume a span{width:23px}#resume a span{background-position:-142px 0}#resume a:active span{background-position:-142px -31px}#contact{margin-right:0}#contact a,#contact a span{width:37px}#contact a span{background-position:-166px 0}#contact a:active span{background-position:-166px -31px}#tu{top:0;left:57px}#tu a,#tu a span{width:87px;height:87px}#tu a span{background-position:-81px -597px}#tu a:active span{background-position:-81px -1174px}#co{top:0;left:163px}#co a,#co a span{width:166px;height:162px}#co a span{background-position:-4px -898px}#co a:active span{background-position:-4px -1475px}#de{top:50px;left:349px}#de a,#de a span{width:138px;height:114px}#de a span{background-position:-5px -779px}#de a:active span{background-position:-5px -1356px}#mu{top:110px;left:0}#mu a,#mu a span{width:144px;height:98px}#mu a span{background-position:-5px -494px}#mu a:active span{background-position:-5px -1071px}#re{top:184px;left:163px}#re a,#re a span{width:70px;height:91px}#re a span{background-position:-5px -595px}#re a:active span{background-position:-5px -1172px}#con{top:184px;left:256px}#con a,#con a span{width:111px;height:85px}#con a span{background-position:-5px -691px}#con a:active span{background-position:-5px -1268px}#me,#me span{width:128px;height:484px;display:block}#me{padding:50px 0 0 0;position:relative;float:left;margin-right:10px;color:#cdcdcd}#me span{position:relative;top:-15px;left:0}.bio{max-width:680px;overflow:hidden}.bio p{text-align:justify;font-size:18px;width:320px;padding-bottom:2px;float:left;margin-left:40px}.bio p.first{margin-left:0}#content{background:#eee;border-bottom:5px solid #ddd;padding:10px 0 10px 0}#home{margin-top:0}#home #content{max-width:680px;padding:50px 0 0 0;float:right;margin-right:10px;border:none;background:none}#home header{margin-left:0;padding-bottom:0}#home header h2{font-size:20px;margin-left:0}#home header h1{margin-bottom:5px}#home header h2,#home .bio{margin-bottom:30px}#home .wrapper,#home footer{max-width:870px}#home footer p{margin-left:190px;text-align:left}#home nav{height:300px;position:relative}#home nav li,#home nav h3,#home nav h3 span{position:absolute}#home nav h3 span{display:block}#home nav h3{color:#7d7d7d;top:20px;left:107px}#home nav h3 span{width:61px;height:18px;right:0;background-position:-3px -1641px}#home nav ul{position:absolute;width:491px;right:0}.error h2{margin:10px 0 10px 0}#view_content{font-size:18px}#view_content h1{font-size:45px}#view_content p{margin-bottom:20px}#view_content p.summary{color:#7d7d7d;font-size:20px}.timeline{margin-left:15px;border-left:5px solid #bcbcbc}.timeline li{padding:30px 0 30px 50px;position:relative;min-height:300px}.timeline li h3{font-weight:bold;font-size:25px;float:left;width:90px;margin-bottom:8px}.timeline li h3:before{content:"";position:absolute;width:18px;height:18px;top:30px;left:-16px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:#fff;border:5px solid #888}.timeline li h3.purple:before{border-color:#231069}.timeline li h3.blue:before{border-color:#579cc4}.timeline li h3.green:before{border-color:#00c427}.timeline li h3.yellow:before{border-color:#ede10c}.timeline li .info{max-width:900px;overflow:hidden}.timeline li .info .frame{position:relative;float:left;margin-right:50px;margin-bottom:10px;padding:6px 6px 35px 6px;border:1px solid #7d7d7d}.timeline li .info .frame h4,.timeline li .info .frame img{width:170px}.timeline li .info .frame img{float:left;height:170px;border:1px solid #7d7d7d}.timeline li .info .frame h4{position:absolute;bottom:9px;text-align:center;font-size:18px;font-weight:bold}.timeline li .info .songs{float:left}.timeline li h5{font-style:italic}.timeline li iframe{margin:5px 0 20px 0;border:0}.resume{position:relative}.resume .hide{display:none}.resume .main_info{max-width:500px}.resume .global_links{display:none;position:absolute;top:0;right:0}.resume .global_links li{list-style:none}.resume .jobs > li,.resume .skills > li{margin-bottom:30px;position:relative}.resume .education{position:relative}.resume li{list-style:disc}.resume em{font-style:italic}.resume strong{font-weight:bold}.resume h2{font-size:25px;color:#f54e00;margin:25px 0 10px 0}.resume p,.resume h3{margin-left:35px;margin-bottom:0 !important}.resume .more_info ul{margin-left:75px}.resume .more_info ul li{margin:5px 0 0 0}.resume .toggle{position:absolute;top:-5px;right:285px;width:30px;cursor:pointer;height:30px;display:none;background:url("../img/plus_minus@2x.png") no-repeat -30px 0;background-size:60px 30px}.js .resume .global_links{display:block}.js .resume .more_info{display:none}.js .resume .toggle{display:block;background-position:0 0}@media only screen and (max-width: 770px){.resume .toggle{display:none !important}}@media only screen and (max-width: 512px){.resume .global_links{display:none}}ul.internet{padding:10px 0 10px 0;max-width:900px;overflow:hidden}ul.internet li{float:left;margin-right:10px;padding-top:10px}ul.internet li.last{margin-right:0}ul.internet a{width:40px;height:40px;display:block;position:relative}ul.internet a:active:before{pointer-events:none;content:" ";width:100%;height:100%;position:absolute;top:0;border-radius:6px;left:0;background:rgba(0,0,0,.3)}ul.design li{margin-top:100px;max-width:930px;overflow:hidden}ul.design li.first{margin-top:40px}ul.design img{float:left;margin-right:20px}ul.design p{font-style:italic;float:right;font-size:16px}ul.projects li{max-width:960px;overflow:hidden}ul.projects .image{height:177px;float:left;margin-right:20px}ul.projects .image img{width:150px;height:150px}ul.projects .info a{font-size:30px}ul.projects .info .name{margin-bottom:10px}ul.projects img{border:1px solid #aaa}.bandcamp iframe{width:350px;height:470px}@media only screen and (max-width: 830px){#home #content{max-width:75%}#home .bio p{width:550px;margin-left:0}#home .bio p.first{margin-bottom:20px}#home nav h3{display:none}ul.design p{float:none}}@media only screen and (max-width: 743px){#home .bio p{width:100%}.main header h2{float:none;text-align:center;margin-bottom:20px;font-size:55px}.main nav{float:none;width:328px;margin:auto}#view_content{font-size:17px}#view_content h1{font-size:40px}#view_content .projects .info a{font-size:27px}#view_content p.summary{font-size:19px}ul.projects .image{height:147px}ul.projects .image img{width:125px;height:125px}.touch ul.internet img,.touch ul.internet a{width:50px;height:50px}}@media only screen and (max-width: 629px){#home #content{max-width:85%;padding-top:20px}#home #me{display:none}ul.design img{margin-right:0;float:none}ul.design p{padding-top:10px}}@media only screen and (max-width: 605px){.timeline li .info .songs{margin-left:89px}}@media only screen and (max-width: 512px){body{-webkit-text-size-adjust:none}.main header h2{font-size:45px;margin-top:2px;margin-bottom:10px}.main nav li{float:none}.main nav{margin-left:0;width:auto}#home nav{padding-bottom:12px}#home #content,.main #content{max-width:95%;padding:10px 10px 0 10px;margin-right:0}#home footer,.main footer{padding-top:12px}#home nav,.main nav{height:auto;margin-right:0}#home nav ul,.main nav ul{position:relative;width:100%}#home nav li,.main nav li{position:relative;height:auto;top:0;left:0}#home nav a,.main nav a{text-indent:0;font-size:24px;padding:8px 0;margin-bottom:4px;text-decoration:none}#home nav a,#home nav a span,.main nav a,.main nav a span{background:none;width:auto !important;height:auto !important}#home nav.top,.main nav.top{display:none}#home nav.bottom,.main nav.bottom{padding:0 0 5px 10px;display:block}#view_content{font-size:16px}#view_content h1{font-size:35px}#view_content .projects .info a{font-size:23px}#view_content p.summary{font-size:18px}ul.projects .image{height:122px}ul.projects .image img{width:100px;height:100px}ul.internet img,ul.internet a{width:50px;height:50px}}@media only screen and (max-width: 479px){ul.design img{width:100%}}@media only screen and (min-width: 370px)and (max-width: 415px){ul.internet li:nth-child(5){margin-right:0}}@media only screen and (max-width: 415px){.touch ul.internet img,.touch ul.internet a{width:62px;height:62px}.timeline li .info .songs{margin-left:0}}@media only screen and (max-width: 350px){.bandcamp{position:relative;padding-bottom:74.468%;padding-top:200px;height:0;overflow:hidden}.bandcamp iframe{width:100%;height:100%;position:absolute;top:0;left:0}}